.team {
  .team-header {
    height: 150px;
    background-image: linear-gradient(90deg, #fcac42, #f86c52);
    position: relative;
    top: -2px;
    z-index: 1;
    padding: 0 10px;
    margin-bottom: 140px;
    .header-content {
      background: #FFF;
      height: 200px;
      border-radius: 6px;
      position: relative;
      top: 80px;
      padding-top: 53px;
      .header-avatar {
        width: 86px;
        height: 86px;
        position: absolute;
        left: 50%;
        top: -43px;
        margin-left: -43px;
        border-radius: 6px;
        border: 1px solid #EEE;
        background: #FFF url('') no-repeat center;
        background-size: 66px 66px;
      }
      .header-invite {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 15px;
        p {
          &:nth-child(1) {
            font-size: 14px;
          }
          &:nth-child(2) {
            font-size: 14px;
            span {
              background: #f73139;
              background-image: linear-gradient(90deg, #fcac42, #f86c52);
              padding: 0 6px;
              border-radius: 12px;
              font-size: 12px;
              color: #FFF;
              margin-left: 10px;
            }
          }
        }
      }
      .header-statistics {
        display: flex;
        justify-content: space-around;
        padding: 0 10px;
        flex-wrap: wrap;
        gap: 10px 0;
        .statistics-item {
          width: calc(33.33% - 10px);
          display: flex;
          flex-direction: column;
          gap: 4px;
          border-radius: 6px;
          padding: 10px 10px 5px 10px;
          .statistics-item-title {
            color: #434343;
            font-size: 13px;
            display: flex;
            align-items: center;
            line-height: 13px;
          }
          .statistics-item-number {
            font-size: 15px;
            font-weight: 500;
          }
          &:nth-child(1) {
            background-color: #e9f7ff;
            border: 1px dashed #89bedc;
            .statistics-item-title {
              &::before {
                content: '';
                width: 4px;
                height: 13px;
                background: #00a3ff;
                color: #fff;
                margin-right: 5px;
                border-radius: 6px;
              }
            }
          }
          &:nth-child(2) {
            background-color: #ffedf0;
            border: 1px dashed #d496a1;
            .statistics-item-title {
              &::before {
                content: '';
                width: 4px;
                height: 13px;
                background: #92192a;
                color: #fff;
                margin-right: 5px;
                border-radius: 6px;
              }
            }
          }
          &:nth-child(3) {
            background-color: #f1fcf9;
            border: 1px dashed #6d9146;
            .statistics-item-title {
              &::before {
                content: '';
                width: 4px;
                height: 13px;
                background: #1ba27a;
                color: #fff;
                margin-right: 5px;
                border-radius: 6px;
              }
            }
          }
          &:nth-child(4) {
            width: calc(50% - 10px);
            background-color: #f1fcf9;
            border: 1px dashed #6d9146;
            .statistics-item-title {
              &::before {
                content: '';
                width: 4px;
                height: 13px;
                background: #1ba27a;
                color: #fff;
                margin-right: 5px;
                border-radius: 6px;
              }
            }
          }
          &:nth-child(5) {
            width: calc(50% - 10px);
            background-color: #f1fcf9;
            border: 1px dashed #6d9146;
            .statistics-item-title {
              &::before {
                content: '';
                width: 4px;
                height: 13px;
                background: #1ba27a;
                color: #fff;
                margin-right: 5px;
                border-radius: 6px;
              }
            }
          }
        }
      }
    }
  }
  .main {
    padding: 10px;
    background: #FFF;
    margin: 0 10px;
    border-radius: 6px;
  }
}